body{padding: 0px;margin: 0px;background: #f1f1f1!important;}
.header{width: 100%;height: 50px;background: #563d7c;}
.header .title{color: #fff;font-size: 18px;line-height: 50px;float: left;}
.header .search{width: 300px;float: left;margin-left: 50px;line-height: 50px;}
.header .search input{float: unset;}
.header .login-reg{line-height: 50px;float: right;}
.header .login-reg button{padding: 6px 30px;margin-left: 20px;}

.main{background: #fff;min-height: 800px;margin-top: 30px;border: 1px solid #cdcdcd;border-radius: 4px;}
.main .content-left{border-right: 1px solid #cdcdcd;min-height: 800px;}
.main .content-left .cate{font-size: 18px;color: #666;padding: 10px 0px;border-bottom: 1px solid #f1f1f1;}
.main .content-left .cate-list{}

.main .nav{margin-top: 30px;border-bottom: 1px solid #f1f1f1;}
.main .nav a{float: right;color: #666;padding: 0px 10px;padding-bottom: 5px;}
.main .nav .active{font-weight: bold;border-bottom: 2px solid #337ab7;}

.main .content-list .content-item{float: left;margin: 10px 0px;width: 100%;border-bottom: 1px solid #f1f1f1;padding-bottom: 10px;}
.main .content-list .content-item img{width: 40px;height: 40px;border-radius: 4px;float: left;}
.main .content-list .content-item .title{float: left;margin-left: 10px;}
.main .content-list .content-item .title p{margin-bottom: 5px;}
.main .content-list .content-item .title div{font-size: 12px;color: #666;}

.pages{float: right;}


.art-title{font-size: 20px;text-align: center;margin-top: 30px;color: #666;}
.art-time{float: right;color: #999;font-size: 12px;}
hr{margin-top: 10px;}
.content-detail img{max-width: 100%;}